<script>
import { mapState } from 'vuex'
export default {
  // computed: {
  //   hotcate() {
  //     return this.$store.state.hotcate
  //   }
  // }

  data() {
    return {
      num: 100,
      // count: 0
    }
  },

  computed: {
    doubleNum() {
      return this.num * 2
    },
    // ...mapState({
    //   count2: 'count',
    //   count3: (state) => state.count,
    //   count4: state => state.count * 100,
    //   hotcate: 'hotcate'
    // })
    ...mapState(['count', 'hotcate'])
  }
}



// const obj1 = {
//   x: 100,
//   a: 300
// }
// const obj2 = {
//   y: 200
// }

// const obj3 = {
//   ...obj1,
//   ...obj2,
//   z: 1000
// }
</script>

<template>
  <div>
    <div>
      show {{count}} {{doubleNum}}
    </div>
    <ul>
      <li v-for="hot in hotcate">
        {{hot.title}}
      </li>
    </ul>
  </div>
</template>

<style lang="scss">
  
</style>
